<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<div class="easyui-layout" data-options="fit:true">
		<!-- Begin of toolbar -->
		<div id="wu-toolbar-2">
			<div class="wu-toolbar-button">
				<a href="#" class="easyui-linkbutton" iconCls="icon-add"
					onclick="openAdd()" plain="true">添加</a> <a href="#"
					class="easyui-linkbutton" iconCls="icon-edit" onclick="openEdit()"
					plain="true">修改</a> <a href="#" class="easyui-linkbutton"
					iconCls="icon-reload" onclick="reload()" plain="true">刷新</a>
			</div>
			<div class="wu-toolbar-search">
				<label>起始时间：</label><input class="easyui-datebox"
					style="width: 100px"> <label>结束时间：</label><input
					class="easyui-datebox" style="width: 100px"> <label>设备编号：</label>
				<select id="number" panelHeight="auto" style="width: 100px">
				</select> <label> <a href="#" class="easyui-linkbutton"
					iconCls="icon-search">开始检索</a>
			</div>
		</div>
		<!-- End of toolbar -->
		<table id="wu-datagrid-2" class="easyui-datagrid"
			toolbar="#wu-toolbar-2"></table>
	</div>
	<!-- Begin of easyui-dialog -->
	<!-- 增加弹出框-->
	<div id="wu-dialog-2" class="easyui-dialog"
		data-options="closed:true,iconCls:'icon-save'"
		style="width: 400px; padding: 10px;">
		<form id="wu-form-2" method="post">
			<table>
				<tr>
					<td width="60" align="right">设备编号:</td>
					<td><input type="text" name="number" class="wu-text" /></td>
				</tr>
				<tr>
					<td align="right">维修级别:</td>
					<td><select name="level">
							<option value="0">轻微(1h左右)</option>
							<option value="1">普通(1天左右)</option>
							<option value="2">严重(3天以上)</option>
					</select> <!-- <input type="text" name="level" class="wu-text"
						placeholder="1是轻微2是严重" /></td> -->
				</tr>
				<tr>
					<td align="right">申请人:</td>
					<td><input type="text" name="applicant" class="wu-text"
						placeholder="请输入您的工号" /></td>
				</tr>
				<tr>
					<td align="right"><label>起始时间：</label></td>
					<td><input name="startTime" class="easyui-datebox"
						style="width: 100px"></td>
				</tr>
				<tr>
					<td align="right"><label>结束时间：</label></td>
					<td><input name="endTime" class="easyui-datebox"
						style="width: 100px"></td>
				</tr>
				<tr>
					<td align="right">维修类型:</td>
					<td><select name="recordType">
							<option value="0">正常维护</option>
							<option value="1">正常维修</option>
					</select>
					<td>
				</tr>
				<tr>
					<td valign="top" align="right">故障描述:</td>
					<td><textarea name="content" rows="6" class="wu-textarea"
							style="width: 260px"></textarea></td>
				</tr>
			</table>
		</form>
	</div>
	<!-- End of easyui-dialog -->
	<script type="text/javascript">
		$("#number").combobox({
			editable : true,
			url : 'http://localhost:8080/demo/equipment/show',
			valueField : 'number',
			textField : 'number',
			width : 100,
			loadFilter : function(data) {
				var rows = data.rows
				rows.unshift({
					id : '',
					number : '全部'
				})
				return rows;
			}
		})

		/**
		 * Name 添加记录
		 */
		function add() {
			$('#wu-form-2').form('submit', {
				url : '',
				success : function(data) {
					if (data) {
						$.messager.alert('信息提示', '提交成功！', 'info');
						$('#wu-dialog-2').dialog('close');
					} else {
						$.messager.alert('信息提示', '提交失败！', 'info');
					}
				}
			});
		}
		/**
		 * Name 修改记录
		 */
		function edit() {
			$('#wu-form-2').form('submit', {
				url : '',
				success : function(data) {
					if (data) {
						$.messager.alert('信息提示', '提交成功！', 'info');
						$('#wu-dialog-2').dialog('close');
					} else {
						$.messager.alert('信息提示', '提交失败！', 'info');
					}
				}
			});
		}
		/**
		 * Name 删除记录
		 */
		function remove() {
			$.messager.confirm('信息提示', '确定要删除该记录？', function(result) {
				if (result) {
					var items = $('#wu-datagrid-2').datagrid('getSelections');
					var ids = [];
					$(items).each(function() {
						ids.push(this.productid);
					});
					//alert(ids);return;
					$.ajax({
						url : '',
						data : '',
						success : function(data) {
							if (data) {
								$.messager.alert('信息提示', '删除成功！', 'info');
							} else {
								$.messager.alert('信息提示', '删除失败！', 'info');
							}
						}
					});
				}
			});
		}
		/**
		 * Name 打开添加窗口
		 */
		function openAdd() {
			$('#wu-form-2').form('clear');
			$('#wu-dialog-2').dialog({
				closed : false,
				modal : true,
				title : "添加信息",
				buttons : [ {
					text : '确定',
					iconCls : 'icon-ok',
					handler : add
				}, {
					text : '取消',
					iconCls : 'icon-cancel',
					handler : function() {
						$('#wu-dialog-2').dialog('close');
					}
				} ]
			});
		}
		/**
		 * Name 打开修改窗口
		 */
		function openEdit() {
			$('#wu-form-2').form('clear');
			var item = $('#wu-datagrid-2').datagrid('getSelected');
			//alert(item.productid);return;
			$.ajax({
				url : '',
				data : '',
				success : function(data) {
					if (data) {
						$('#wu-dialog-2').dialog('close');
					} else {
						//绑定值
						$('#wu-form-2').form('load', data)
					}
				}
			});
			$('#wu-dialog-2').dialog({
				closed : false,
				modal : true,
				title : "修改信息",
				buttons : [ {
					text : '确定',
					iconCls : 'icon-ok',
					handler : edit
				}, {
					text : '取消',
					iconCls : 'icon-cancel',
					handler : function() {
						$('#wu-dialog-2').dialog('close');
					}
				} ]
			});
		}
		/**
		 * Name 分页过滤器
		 */
		function pagerFilter(data) {
			if (typeof data.length == 'number'
					&& typeof data.splice == 'function') { // is array                
				data = {
					total : data.length,
					rows : data
				}
			}
			var dg = $(this);
			var opts = dg.datagrid('options');
			var pager = dg.datagrid('getPager');
			pager.pagination({
				onSelectPage : function(pageNum, pageSize) {
					opts.pageNumber = pageNum;
					opts.pageSize = pageSize;
					pager.pagination('refresh', {
						pageNumber : pageNum,
						pageSize : pageSize
					});
					dg.datagrid('loadData', data);
				}
			});
			if (!data.originalRows) {
				data.originalRows = (data.rows);
			}
			var start = (opts.pageNumber - 1) * parseInt(opts.pageSize);
			var end = start + parseInt(opts.pageSize);
			data.rows = (data.originalRows.slice(start, end));
			return data;
		}
		/**
		 * Name 载入数据
		 */
		$('#wu-datagrid-2').datagrid({
			url : 'temp/datagrid.php',
			loadFilter : pagerFilter,
			rownumbers : true,
			singleSelect : false,
			pageSize : 20,
			pagination : true,
			multiSort : true,
			fitColumns : true,
			fit : true,
			columns : [ [ {
				checkbox : true
			}, {
				field : 'productid',
				title : 'productid',
				width : 100,
				sortable : true
			}, {
				field : 'productname',
				title : 'productname',
				width : 180,
				sortable : true
			}, {
				field : 'unitcost',
				title : 'unitcost',
				width : 100
			}, {
				field : 'listprice',
				title : 'listprice',
				width : 100
			}, {
				field : 'attr1',
				title : 'attr1',
				width : 100
			}, {
				field : 'itemid',
				title : 'itemid',
				width : 100
			}, {
				field : 'status',
				title : 'status',
				width : 100
			} ] ]
		});
	</script>
</body>
</html>